body {
    min-width: 430px;
    max-width: 932px;
    margin: 0 auto;
    perspective: 23.2558rem;
    background: url(../images/bc-7.gif) no-repeat;
    background-color: #08046c;
    background-size: 100% 11.6279rem;
}
@media screen and (min-width:932px) {
    html {
        font-size: 43px;
    }
}
@keyframes rotate {
    0% {

    }
    100% {
        transform: rotateY(360deg);
    }
}
section {
    position: relative;
    width: 6.0465rem;
    height: 5.1163rem;
    margin: 10.4651rem auto;
    transform-style: preserve-3d;
    animation: rotate 10s linear infinite;
    div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
        }
        &:nth-child(1) {
            transform: translateZ(5.814rem);
        }
        &:nth-child(2) {
            transform: rotateY(60deg) translateZ(5.814rem);
        }
        &:nth-child(3) {
            transform: rotateY(120deg) translateZ(5.814rem);
        }
        &:nth-child(4) {
            transform: rotateY(180deg) translateZ(5.814rem);
        }
        &:nth-child(5) {
            transform: rotateY(240deg) translateZ(5.814rem);
        }
        &:nth-child(6) {
            transform: rotateY(300deg) translateZ(5.814rem);
        }
    }
}
